<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html lang="zxx">

<head>
	<title>Hbcoin代理后台</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="Latest Login Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Meta tag Keywords -->
	<!-- css files -->
	<link rel="stylesheet" href="/agent/css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="/agent/css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	<!-- web-fonts -->
	<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //web-fonts -->
	<script src="/agent/js/jquery.js"></script>
	<script src="/agent/js/vue.js"></script>
	<script src="/agent/js/main.js"></script>
	<script src="/agent/layer/layer.js"></script>
</head>

<body>
	<div class="main-bg" id="box">
		<!-- title -->
		<h1>Hbcoin Login Form</h1>
		<!-- //title -->
		<!-- content -->
		<div class="sub-main-w3">
			<div class="bg-content-w3pvt">
				<div class="top-content-style">
					<img src="/agent/images/user-head.jpg" alt="" />
				</div>
				<form action="#" method="post">
					<p class="legend">Login Here<span class="fa fa-hand-o-down"></span></p>
					<div class="input">
						<input type="text" placeholder="手机号码" name="email" required v-model="mobile"/>
						<span class="fa fa-user"></span>
					</div>
					<div class="input">
						<input type="password" placeholder="登录密码" name="password" required v-model="password"/>
						<span class="fa fa-unlock"></span>
					</div>
					<button type="button" class="btn submit" @click="submit()">
						<span class="fa fa-sign-in"></span>
					</button>
				</form>
				<a href="#" class="bottom-text-w3ls">Forgot Password?</a>
			</div>
		</div>
		<!-- //content -->
		<!-- copyright -->
		<div class="copyright">
			<!-- <h2>&copy; 2019 Latest Login Form. All rights reserved | Design by
				<a href="http://w3layouts.com" target="_blank">W3layouts</a>
			</h2> -->
		</div>
		<!-- //copyright -->
	</div>
</body>
<script>
new Vue({
	el : '#box',
	data:{
		mobile : '',
		password : ''
	},
	mounted:function(){},
	methods:{
		submit:function(){
			var that = this;
			if(!this.mobile)return layer.msg('请输入手机号码',{icon:2,time:1000});
			if(!this.password)return layer.msg('请输入密码',{icon:2,time:1000});
			layer.msg('正在登陆', {icon: 16,shade: 0.01,time:100000});
			$.post("{:url('index')}",{mobile:this.mobile,password : this.password},function(res){
				if(res.code) {
					layer.msg(res.msg,{icon:1,time:1000},function(){
						location.href="{:url('Index/index')}";
					});
				} else {
					layer.msg(res.msg,{icon:2,time:1000});
				}
			});
		}
	}
});
</script>
</html>